<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>完善资料</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
<div style="background: #373e49;height: 100%">
    <div class="container pr" id="wrap" style="height: 100%">
        <div class="cm-wbg__bx phase-bx pa" id="phase-bx">
            <article class="mt20 mr20 mb20 pb10 ml20">
                <div class="row">
                    <div class="col-sm-12">
                        <section class="col-sm-6 i-logoBanner">
                            <!--banner index begin-->
                            <div class="i-banner__wrap">
                                <div class="">
                                    <div class="carousel slide carousel1" id="carousel1"  data-interval="3000">
                                        <ol class="carousel-indicators">
                                            <li th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index}" data-target="#carousel1"></li>
                                        </ol>
                                        <div class="carousel-inner">
                                            <img th:if="${#lists.isEmpty(advertList)}" th:src="@{{path}/front/mobile/v3/img/default/PC-register.jpg?v={v}(path=${staticPath},v=${v})}" alt="">
                                            <div th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index},data-type=${advert['redirectType']},data-page=${advert['newPage']},data-course=${advert['courseId']},data-url=${advert['pageUrl']}" th:style="'background:url('+${advert['imageMap']['url']}+') no-repeat 50% 50%;'" class="item hand"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="col-sm-6" id="contentDiv">
                            <!--完善资料手机号，开始-->
                            <section class="ml20 mr20">
                                <div class="mt20 pt10 mb20 pb10">
                                    <div class="tabs-container phase-tabs mt20 pt10">
                                        <ul class="nav nav-tabs text-center">
                                            <li class="active pb10">
                                                <a>完善资料</a>
                                                <p class="c-ccc fs14 mb20 pb10">为保证你的账户安全，请立即完善以下资料</p>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane active">
                                                <div class="panel-body">
                                                    <div class="mr20 ml20">
                                                        <div class="login-alertWarning text-center mb10">
                                                            <div class="alert alert-warning hLh20 errorMessage" style="display: none;">
                                                                <div><i class="fa fa-warning mr5"></i><span class="errorTips">请联系管理员</span></div>
                                                            </div>
                                                        </div>

                                                        <div class="input-group pb10 mb5">
                                                            <input type="text" placeholder="请输入手机号" name="userInfoMobile" class="form-control input-lg">
                                                        </div>
                                                        <div class="input-group picode-bx pb10 mb5">
                                                            <input placeholder="动态验证码" class="form-control input-lg" type="text" name="userInfoCode">
                                                            <a href="javascript:void (0);" id="sendRandInfor" data-status="5" class="picode-pic text-right c-info">获取验证码</a>
                                                            <a href="javascript:void (0);" id="noSendRandInfor"  style="display: none" class="picode-pic text-right c-info countdown">获取验证码</a>
                                                        </div>
                                                        <div class="mt5 mb10">
                                                            <aside class="pull-left hLh20">
                                                                <label class="i-checks">
                                                                    <input type="checkbox" checked="" name="protocol" class="vam" style="margin: 0">
                                                                    <span class="vam">我已阅读并同意</span>
                                                                    <a href="javascript:void (0);" class="c-info vam">《软件注册协议》</a>
                                                                </label>
                                                            </aside>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="pt10 pb10 mb20">
                                                            <button type="button" id="successNext" class="btn btn-lg btn-block btn-info unRadius fs16 mt5">完成注册，进入下一步</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <!--完善资料手机号，结束-->
                        </section>
                    </div>
                </div>
            </article>
        </div>
    </div>
</div>

<script th:src="@{{path}/common/libs/jquery_1.11.1/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/libs/bootstrap/bootstrap.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/web/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/cookie/cookie-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/libs/jquery.serializeJSON/jquery.serializejson.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/front/web/libs/plugins/layer/layer.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/login/s-message.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/opadvert/common-op-ad.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/login/get-ad-data.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/perfect/perfect-mobile.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:inline="javascript" type="text/javascript">
    var key = [[${sessionId}]];
    var autoThirty = [[${autoThirty}]];
    var staticPath =[[ ${staticPath}]];
    var baseloaction = [[${#httpServletRequest.getContextPath()}]];
    if(baseloaction=="/"){
        baseloaction="";
    }
</script>
</body>
</html>